/* 公用基础样式 */
page {
	font-size: 28rpx;
	// background-color: #fcfffe;
	background-color:#f5f6fa;
}
// 苹果底部安全条
.bottom-ios-line{
	width: 100%;
	height: 0;
	padding-bottom: calc(env(safe-area-inset-bottom));  /* 兼容 iOS >= 11.2 */
    padding-bottom: constant(safe-area-inset-bottom);  /* 兼容 iOS < 11.2 */
}
// 弹框样式
.popup-view{
	height: 662rpx;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	.popup-view-header{
		width: 90%;
		height: 60rpx;
		font-size: 28rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 18rpx;
		.cancel-btn{
			height: 40rpx;
			color: #2D8EEB;
			letter-spacing: 1rpx;
			font-weight: 400;
		}
		.title{
			height: 40rpx;
			color: #272727;
			font-weight: 600;
			letter-spacing: 2rpx;
		}
		.confirm-btn{
			height: 40rpx;
			color: #2D8EEB;
			letter-spacing: 1rpx;
			font-weight: 400;
		}
	}
	.popup-view-body{
		width: 85%;
		// padding: 0 10rpx;
		
	}
}
// 输入框前红色星星
.redxing::before{
	content: "*";
	color: #ff0000;
}
// 搜索行
.search-line{
	width:100%;
	// margin-left: 41rpx;
	height: 80rpx;
	border-radius: 60rpx;
	margin-top: 16rpx;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10rpx;
	.testop{
		color: #FFFFFF;
		width: 245rpx;
		height: 50rpx;
		margin-left: 5rpx;
		border-right: 4rpx #cccbce solid;
		font-size: 30rpx;
		padding: 0 10rpx;
		.buttime{
			color: #959497;
			height: 50rpx;
			white-space: nowrap;
			font-weight: 600; 
			line-height: 50rpx;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center; 
			width: 245rpx;
			image{
				width: 50rpx;
				height: 50rpx;
			}
			.search-value{
				width: 180rpx;
				height: 50rpx;
				line-height: 50rpx;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				// background-color: #007AFF;
				text-align: center;
			}
		}
		
	}
	.searchbutton{
		margin-left: 10rpx;
		font-size: 30rpx;
	}
}
.w100p{
	width: 100%;
}
.w50p{
	width: 50%;
}

// 卡片标题
.cartlist-title{
	width: 100%;
	height: 24rpx;
	margin-bottom: 10rpx;
	color: #757575;
	font-size: 24rpx;
	letter-spacing: 6rpx;
}
/* 基础卡片背景色 */
.zh-background-one{
	box-shadow: 5rpx 10rpx 20rpx #006a6c inset ;
	background-color: transparent;
	border-radius: 20rpx;
	border: #006a6c 2rpx solid;
}
/* 基础按钮样式 */
// 小一号类型1
.min-but{
	width: 140rpx;
	height: 50rpx;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 50rpx;
	padding: 0;
	margin: 0;
	text-align: center;
	background: linear-gradient(42deg, #43A2FF 0%, #62B1FF 100%);
	box-shadow: 0rpx 0rpx 14rpx 2rpx #43A2FF;
	border-radius: 50rpx;
	white-space: nowrap;
	letter-spacing: 2rpx;
}
.min-but::after{
	border: none;
}
// 小一号类型2
.min-but-two{
	width: 140rpx;
	height: 50rpx;
	font-size: 12px;
	letter-spacing: 1rpx;
	line-height: 50rpx;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
	border-radius: 50rpx;
	white-space: nowrap;
}
.min-but-two::after{
	border: none;
}
//  较长 黑字 绿框 
.min-but-three{
	width: 180rpx;
	height: 50rpx;
	font-size: 12px;
	letter-spacing: 1rpx;
	line-height: 50rpx;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
	border-radius: 50rpx;
	white-space: nowrap;
	border: 1px solid rgba(33, 222, 157, 1) ;
	letter-spacing: 4rpx;
}
.min-but-three::after{
	border: none;
}
//  普通高 绿字 绿框  不带圆角
.min-but-four{
	// width: 140rpx;
	height: 50rpx;
	padding: 0 20rpx;
	font-size: 12px;
	letter-spacing: 1rpx;
	line-height: 50rpx;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0rpx 0rpx 14rpx 2rpx #0082FF;
	white-space: nowrap;
	color: rgba(33, 222, 157, 1);
	// border: 1px solid rgba(33, 222, 157, 1) ;
	// letter-spacing: 4rpx;
}
.min-but-four::after{
	border: none;
}
.min-but-two:hover{
	color: #FFFDEF;
}
// 大一号类型1
.big-but-one{
	width: 268rpx;
	height: 64rpx;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 60rpx;
	letter-spacing: 2rpx;
	padding: 0;
	margin: 0;
	text-align: center;
	background: linear-gradient(42deg, #2F99FF 0%, #62B1FF 100%);
	box-shadow: 0rpx 0rpx 14rpx 2rpx #0082FF;
	border-radius: 50rpx;
	white-space: nowrap;
}
.big-but-one::after{
	border: none;
}
// 果冻按钮样式气泡
.guodong-but {
  z-index: 1;
  color: #FFFFFF;
  background: #40a9ff;
  outline: none;
  border: none;
  // padding: 0;
  padding: 3px 5px;
}

.guodong-but:hover {
  cursor: pointer;
  animation: jelly 0.5s;
}
@keyframes jelly {
  0%,
  100% {
    transform: scale(1, 1);
  }

  25%,
  75% {
    transform: scale(0.9, 1.1);
  }

  50% {
    transform: scale(1.1, 0.9);
  }
}
// 气泡按钮样式
.qipao-but {
  z-index: 1;
  overflow: hidden;
  outline: none;
  border: none;
  position: relative;
}
.qipao-but:hover{
	color: #FFFDEF;
}
.qipao-but::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #00a279;
  box-shadow: 0px 0px 7px rgba(33, 222, 157, 1);
  transform-origin: center;
  transform: translate3d(-50%, -50%, 0) scale(0, 0);
  transition: transform 0.4s ease-in-out;
}
.qipao-but:hover::before {
  transform: translate3d(-50%, -50%, 0) scale(15, 15);
}

// 深蓝色渐变小型按钮
.zh-blueline-but{
	width: 150rpx;
	height: 50rpx;
	color: #FFFDEF;
	margin: 0;
	padding: 0;
	box-shadow: 0rpx 5rpx 10rpx #7bebea inset;
	background-image: linear-gradient(to top, #4195cc, #167bbf 12%, #258ed5 75%, #6ebbed, #9fdefc);
	font-size: 18rpx;
	font-weight: 600;
	line-height: 50rpx;
}
// 苍蝇绿渐变小型按钮样式
.zh-green-but {
	width: 150rpx;
	height: 50rpx;
	color: #FFFDEF;
	margin: 0;
	padding: 0;
	box-shadow: 0rpx 5rpx 10rpx #7bebea inset;
	background-image: linear-gradient(to top, #1E918E, #01807D 12%, #2EB0AD 65%, #36B8B5, #68E1DE);
	font-size: 18rpx;
	font-weight: 600;
	line-height: 50rpx;
}
// 删除按钮样式
.zh-del-but {
	width: 100rpx;
	height: 50rpx;
	text-align: center;
	line-height: 50rpx;
	font-size: 28rpx;
	color: rgba(0, 83, 55, 1);
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 7px rgba(33, 222, 157, 1);
	border-radius: 19px;
}
// 基础背景样式经常用到
.zh-base-backgroundsty{
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
	border-radius: 10rpx;
}
// pop弹框公共基础样式--需要时直接复制--用起来巴适吧 @author:zh;
.zh-popview-temple{
	width: 560rpx;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
	border-radius: 20rpx;
	padding: 10rpx;
	// 标题
	.popview-title{
		// background-color: #00363D;
		width: 560rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		color: #272727;
		font-size: 32rpx;
		font-weight: 600;
	}
	// 内容
	.popview-content{
		width: 520rpx;
		text-align: center;
		margin: 20rpx 0;
		// 行的样式
		.zhpop-one-line{
			width: 520rpx;
			height: 60rpx;
			display: flex;
			flex-direction: row;
			padding: 0 0 0 20rpx;
			border-bottom: 1px solid #cccbce;
			margin-bottom: 20rpx;
			white-space: nowrap;
			.zhpop-one-name{
				width: 140rpx;
				height: 60rpx;
				text-align: left;
				margin-left: 20rpx;
				white-space: nowrap;
				letter-spacing: 2rpx;
			}
			.zhpop-one-value{
				padding: 0;
				margin: 0;
				font-size: 30rpx;
				width: 320rpx;
				height: 50rpx;
				color: #868687;
				text-align: left;
				line-height: 50rpx;
			}
		}
	}
	// 底部确认和取消按钮
	.popview-butview{
		width: 560rpx;
		height: 60rpx;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
		.but1{
			width: 200rpx;
			height: 60rpx;
			color: #FFFFFF;
			font-size: 28rpx;
			line-height: 60rpx;
			padding: 0;
			margin: 0;
			text-align: center;
			background-color: rgba(50, 204, 151, 1);
			box-shadow: 0px 0px 7px rgba(33, 222, 157, 1);
			border-radius: 50rpx;
			white-space: nowrap;
		}
		.but2{
			width: 200rpx;
			height: 60rpx;
			font-size: 28rpx;
			line-height: 60rpx;
			padding: 0;
			margin: 0;
			text-align: center;
			background-color: rgba(255, 255, 255, 1);
			box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
			border-radius: 50rpx;
			white-space: nowrap;
			border: 1px solid rgba(33, 222, 157, 1) ;
			letter-spacing: 4rpx;
		}
	}
	}
// 无数据
.facility-view-nodata {
	padding-top: 30rpx;
	text-align: center;
	font-size: 28rpx;
	.facility-view-blankimg {
		width: 30%;
		margin: 0 auto;
	}

}
	//按钮取消边框
	button::after{
	    border: none;
	}
// ---end---

.zh-layout-view-top,
.uni-navbar__content,
.uni-navbar__header {
	// background: none !important;
	box-shadow: none !important;
	background-color: transparent ;
	color: #fff !important;
	// border-bottom: 1px solid #e9eaee;
	
	.uni-nav-bar-text {
		color: #fff !important;
	}
	
	.uni-icons::before {
		color: #fff !important;
	}
}

.tarbar-list {
	// width: 80% !important;
	// margin-left: 10% !important;
	// border-radius: 150rpx !important;
	overflow: hidden;
	.tarbar-list-li {
		
	}
}

.u-button__text {
	font-size: 28rpx !important;
}

// tab栏
.subsection {
	border-bottom: none !important;
	.select-top-bar {
		background-color: #e6e6e6;
		border-radius: 36rpx;
		.select-top-bar-item {
			width: 33.33% !important;
			padding-bottom: 0 !important;
			margin-right: 0 !important;
			color: #818181 !important;
			&.selected {
				background: linear-gradient(to right, #4267ff, #97b1ff);
				border-radius: 36rpx;
				border-bottom: none !important;
				color: #fff !important;
			}
		}
	}
}
.footerbutton {
	position: fixed;
	bottom: calc(env(safe-area-inset-bottom) + 	2px);
	left: 50%;
	// padding-bottom: calc(env(safe-area-inset-bottom) + 15px);
	transform: translateX(-50%);
	// width: 368rpx;
	min-width: 200rpx;
	padding: 0 10rpx;
	height: 64rpx;
	margin-top: 20rpx;
	margin-bottom: 130rpx;
	background: linear-gradient(27deg, #2F99FF 0%, #62B1FF 100%);
	box-shadow: 0rpx 0rpx 10rpx 2rpx #0082FF;
	border-radius: 40rpx 40rpx 40rpx 40rpx;
	opacity: 1;
	font-size: 28rpx;
	color: #FFFFFF;
	text-align: center;
	line-height: 64rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	z-index: 9999;

}

/deep/ .u-empty {
	uni-image {
		width: 300rpx !important;
		height: 300rpx !important;
	}
	.u-empty__text {
		font-size: 28rpx !important;
	}
}
